<template>
  <div class="search" :class="{fixedBar:isFixed}">
    1234{{isFixed}}
  </div>
</template>
<script>
export default {
  name: 'HomeSearch',
  props: {
    'isFixed': Boolean
  },
  watch: {
    // isFixed () {
    //   console.log('search:',this.isFixed)
    // }
  }
}
</script>
<style lang="stylus" scoped>
  .search
    height 10vw
    background-color red
    color #fff
    text-align center
    line-height 10vw
  .fixedBar
    position fixed
    top 0
    right 0
    z-index 999
    width 100%
</style>
